<html>
<head>
	<title>透析助手</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.6/css/sm.min.css">
	<link rel="stylesheet" href="__PUBLIC__/css/style.css">
	<link rel="stylesheet" href="__PUBLIC__/css/5s.css">
	<link rel="stylesheet" href="__PUBLIC__/css/6m.css">
	<link rel="stylesheet" href="__PUBLIC__/css/iconfont.css">
	<style>
		@media screen and (max-width: 374px) {
			.txnotice {
				height: 50px;
				overflow: hidden;
				line-height: 25px;
				color: #333;
			}
		}
		@media only screen and (min-device-width: 375px) and (max-width: 640px) {
			.txnotice {
				height: 70px;
				overflow: hidden;
				line-height: 33px;
				color: #333;
			}
		}
		.txnotice span:first-child {
			display: inline-block;
			height: 100%;
			vertical-align: middle;
		}
		.txnotice span {
			display: inline-block;
			vertical-align: middle;
		}
	</style>
</head>
<body>
	<div class="head head-another">
		<div class="HeadContent">
			<a href="<{:U('Personal/index')}>" class="backIndex"><i class="iconfont">&#xe605;</i></a>
			<a href="javascript:;" class="HeadTitle">透析须知</a>
		</div>
	</div>
	<div class="RecordInformation-public Nopadding">
        <ul class="rank_list">
        <empty name="list">
            <li>暂 无 数 据</li>
        <else />
        <foreach name="list" item="vo">
            <li>
				<a href="<{$vo.url}>">
                    <div class="LeftImg">
                        <img src="<{$vo.pic}>" style="border-radius:50%;" />
                    </div>
                    <div class="MiddleContent txnotice">
                        <span></span><span><{$vo.name}></span>
                    </div>
                    <div class="Right">
                        <i class="iconfont">&#xe60a;</i>
                    </div>
                </a>
			</li>
        </foreach>
        </empty>
        </ul>
	</div>
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.7/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='__PUBLIC__/js/myjq.js'></script>
<script type="text/javascript">
    //无限加载
    var pageNum=1;
    var page_ajax=true;//加载开关
    $(document).ready(function(){
        $(window).scroll(function(){
            var bot = 70; //bot是底部距离的高度
            if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
                if(page_ajax){
                    page_ajax=false;
                    pageNum++;
                    $.get('<{:U("lists")}>&p='+pageNum,function(res){
                        if(res){
                            if(res != 'err'){
                                var goodsStr='';
                                $.each(res,function(i,item){
                                    goodsStr+='<li><a href="'+item.url+'"><div class="LeftImg"><img src="'+item.pic+'" style="border-radius:50%;" /></div><div class="MiddleContent txnotice"><span></span><span>'+item.name+'</span></div><div class="Right"><i class="iconfont">&#xe60a;</i></div></a></li>';
                                })
                                $('.rank_list').append(goodsStr);
                                page_ajax=true;
                            }
                        }
                    },'json');
                }
            }
        });
    });
</script>
</body>
</html>